import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-product',
  templateUrl: './product.component.html',
  styleUrls: ['./product.component.css']
})
export class ProductComponent implements OnInit {

  private products: Array<Product>;

  constructor() { }

  // 生命周期钩子：init时调用
  ngOnInit() {

    this.products = [
      new Product(1, 'Angular', 688, 4.5, '这是产品1，深入学习angular，学习基本原理、生命周期钩子、开发规则、实战开发', ['电子','IT','前端','']),
      new Product(2, 'Vue', 400, 4.0, '这是产品1，深入学习angular，学习基本原理、生命周期钩子、开发规则、实战开发', ['电子','IT','前端','']),
      new Product(3, 'Bootstrap', 340, 3.0, '这是产品1，深入学习angular，学习基本原理、生命周期钩子、开发规则、实战开发', ['电子','IT','前端','']),
      new Product(4, 'NG-Zorro-Antd', 265, 3.5, '这是产品1，深入学习angular，学习基本原理、生命周期钩子、开发规则、实战开发', ['电子','IT','前端','']),
      new Product(5, 'NG-Alain', 388, 4.0, '这是产品1，深入学习angular，学习基本原理、生命周期钩子、开发规则、实战开发', ['IT','前端']),
      new Product(6, 'Jquery', 200, 3.0, '这是产品1，深入学习angular，学习基本原理、生命周期钩子、开发规则、实战开发', ['javascript']),
    ]
  }

}

// 产品modal
export class Product {
  constructor(
    public id: number,
    public title: string,
    public price: number,
    public rating: number,
    public desc: string,
    public categories: Array<string> 
  ) {  }
}